{% load staticfiles  %}
<!DOCTYPE html>
<html lang="en">
<head>
	<title>Onetel Template - About</title>
    <meta name="keywords" content="">
	<meta name="description" content="">
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=Edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">

	<!-- stylesheet css -->
	<link rel="stylesheet" href="{%static 'wwwportal/css/bootstrap.min.css'%}">
	<link rel="stylesheet" href="{%static 'wwwportal/css/font-awesome.min.css'%"}>
	<link rel="stylesheet" href="{%static 'wwwportal/css/nivo-lightbox.css'%}">
	<link rel="stylesheet" href="{%static 'wwwportal/css/nivo_themes/default/default.css'%}">
	<link rel="stylesheet" href="{%static 'wwwportal/css/templatemo-style.css'%}">
	<!-- google web font css -->
	<link href='http://fonts.useso.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

</head>
<body>
	
<!-- navigation -->

	<div class="container">
		<div class="navbar navbar-default navbar-static-top" role="navigation">
		<div class="navbar-header">
			<button class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
				<span class="icon icon-bar"></span>
			</button>
			<a href="#" class="navbar-brand"><img src="{%static 'wwwportal/images/logo.png'%}" class="img-responsive" alt="logo"></a>
		</div>
		<div class="collapse navbar-collapse">
			<ul class="nav navbar-nav navbar-right">
				<li><a href="/wwwportal/index_view" class="active">HOME</a></li>
				<li><a href="/wwwportal/about_view">ABOUT US</a></li>
				<li><a href="/wwwportal/portfolio_view">PORTFOLIO</a></li>
				<li><a href="/wwwportal/contact_view">CONTACT</a></li>
			</ul>
		</div>
	</div>
</div>		

<!-- about header section -->
<div id="about-header">
	<div class="container">
		<div class="row">
			<div class="col-md-12 col-sm-12"></div>
		</div>
	</div>
</div>

<!-- team section -->
<div id="team">
	<div class="container">
    
		<div class="row">
			<div class="col-md-offset-2 col-md-8 col-sm-12">
				<h2>Meet the crew!</h2>
			</div>
         </div>
         
         <div class="row mt30">
			<div class="col-md-4 col-sm-4 col-xs-9">
				<div class="team-wrapper">
					<img src="{%static 'wwwportal/images/team1.jpg'%}" class="img-responsive" alt="team img">
					<h3>xhni</h3>
					<h4>CTO</h4>
					<p>浙江大学计算机本硕，10年互联网产品设计和研发团队管理经验。曾带领团队完成亿级用户的移动互联网产品（MobileMarket）的规划设计、产品研发全过程，丰富的产品规划和系统商用经验。</p>
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-9">
				<div class="team-wrapper">
					<img src="{%static 'wwwportal/images/team2.jpg'%}" class="img-responsive" alt="team img">
					<h3>lookie</h3>
					<h4>SA</h4>
					<p>徐州工程学院嵌入式开发专业，多年系统架构经验，前上海首瀚集团技术总监</p>
				</div>
			</div>
			<div class="col-md-4 col-sm-4 col-xs-9">
				<div class="team-wrapper">
					<img src="{%static 'wwwportal/images/team3.jpg'%}" class="img-responsive" alt="team img">
					<h3>Kevin</h3>
					<h4>FD</h4>
					<p>徐州工程学院嵌入式开发专业，多年前端开发经验，前大瑞翼前端开发主管.</p>
				</div>
			</div>
         </div>
         
         <div class="row mt30"> 
			<div class="col-md-12 col-sm-12">
				<hr>
			</div>
			<div class="col-md-6 col-sm-6">
				<h3>Onetel Design Studio</h3>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet. Dolore magna aliquam erat volutpat. Lorem ipsum dolor sit amet.</p>
				<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismo.</p>
			</div>
			<div class="col-md-6 col-sm-6">
				<strong>HTML5 &AMP; CSS3</strong>
				<span class="pull-right">100%</span>
					<div class="progress">
						<div class="progress-bar progress-bar-warning" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="width: 90%;"></div>
					</div>
				<strong>BOOTSTRAP</strong>
				<span class="pull-right">80%</span>
					<div class="progress">
						<div class="progress-bar progress-bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="width: 80%;"></div>
					</div>
				<strong>UX Design</strong>
				<span class="pull-right">70%</span>
					<div class="progress">
						<div class="progress-bar progress-bar-primary" role="progressbar" aria-valuenow="70" aria-valuemin="0" aria-valuemax="100" style="width: 70%;"></div>
					</div>
			</div>
		</div>
	</div>
</div>		


</body>
</html>